<!-- HTML5文档头 -->
<!DOCTYPE html>
<!-- lang="zh-cn"，此网页基本是中文内容 -->
<html lang="zh-cn">

	<head>
		<meta charset="utf-8" />
		<meta name="description" content="对网页的一段概括性描述" />
		<meta name="keywords" content="关键字1,关键字2,关键字3..." />
		<!-- 使用最新的IE兼容模式渲染此网页 -->
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<!-- 在双核浏览器下，默认使用webkit内核，由360浏览器提出 -->
		<meta name="renderer" content="webkit">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>素材下载_觉唯设计</title>
		<!--<link rel="shortcut ico n" href=""/>-->
		<!-- 强大的CSS Reset库 -->
		<link rel="shortcut icon" href="" />
		<link href="http://cdn.bootcss.com/normalize/5.0.0/normalize.css" rel="stylesheet">
		<!-- 让IE9以下的浏览器支持HTML5标签 -->
		<!--[if lt IE 9]>
        	<script src="http://cdn.bootcss.com/html5shiv/r29/html5.js"></script>
        	<script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
        <![endif]-->
		<link href="http://cdn.bootcss.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet">
		<!--奥森字体-->
		<link rel="stylesheet/less" type="text/css" href="less/index.less">
		<link rel="stylesheet" type="text/css" href="css/footer.css" />
		<link rel="stylesheet" type="text/css" href="css/header.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<link rel="stylesheet" href="css/jw-more.css" />
		<style type="text/css">
			@media only screen and (max-width: 768px) {
				.jw-web-nav-inner {
					display: block;
					height: 50px;
				}
				.jw-header-nav-logo,
				.jw-header-nav-inner,
				.jw-header-nav-seach,
				.jw-wrapper-menu {
					display: none;
				}
				.jw-banner-transparent {
					height: 50px;
				}
				.jw-container .jw-wrapper-scroll .jw-wrapper-scroll-inner,
				.jw-container .jw-wrapper-scroll .jw-wrapper-scroll-banner {
					float: none;
					width: 100%;
				}
				.jw-wrapper-scroll-banner {
					display: none;
				}
				.jw-container .jw-wrapper-group .jw-wrapper-all-group .jw-wrapper-group-inner {
					width: 50%;
					margin: 0 25% 0 25%;
					text-align: center;
				}
				.jw-container .jw-wrapper-group .Tab-bar ul li {
					margin: 0;
					padding: 2px 5px;
				}
				.jw-container .jw-love {
					background: white;
				}
				.jw-container .jw-love .jw-love-content {}
				.jw-container .jw-love .jw-love-content-button a {
					width: 80%;
				}
				.jw-container .jw-love .jw-love-content .jw-love-content-list {
					width: 50%;
					padding: 0;
					margin: 0;
				}
				.jw-container .jw-users .jw-users-gruop-item {
					margin: 0 auto;
				}
				.jw-container .jw-users .jw-users-gruop-item p {
					margin-left: 17%;
				}
				.jw-container .jw-users .jw-users-gruop-item h3 {
					line-height: 12px;
				}
				.jw-container .jw-feature .jw-feature-inner .jw-feature-gruop-item {
					float: none;
					width: 100%;
				}
				.jw-footer .jw-contenr .jw-footer-nav-group {
					float: none;
				}
				.jw-footer .jw-contenr .jw-footer-nav-group .jw-title {
					padding-left: 10px;
				}
				.jw-footer .jw-contenr .jw-footer-nav-group p,
				.jw-footer .jw-contenr .jw-footer-nav-group a {
					padding-left: 10px;
					letter-spacing: 2px;
					line-height: 12px;
				}
				.jw-footer .jw-contenr .jw-footer-nav-group .jw-footer-nav-group-title {
					margin-left: 7.764706px;
				}
				.jw-more-warpper .more-container .jw-more-sidebannr{
					float: none;
					width: 90%;
					margin: 0 auto;
				}
				.jw-more-warpper .more-container .jw-more-warpper-inner{
					width: 90%;
					margin: 0 auto;
					padding: 0;
					float: none;
				}
				.jw-contenr{
					display: none;
				}
				.jw-disclaimer,.jw-privacy,.jw-Map,.message-connection,.friendship{
					float: none;
					width: 100%;
					border: none;
				}
			}
			
			@media only screen and (min-width: 768px) and (max-width: 1024px) {
				.jw-header {
					width: 100%;
				}
				.jw-web-nav-inner {
					display: block;
					height: 50px;
				}
				.jw-header-nav-logo,
				.jw-header-nav-inner,
				.jw-header-nav-seach {
					display: none;
				}
				.jw-banner-transparent {
					height: 140px;
				}
				.jw-wrapper-menu-inner {
					width: 100%;
				}
				.jw-container .jw-wrapper-menu .jw-wrapper-menu-inner .jw-item {
					margin: 0 0.8%;
				}
				.jw-container .jw-wrapper-scroll .jw-wrapper-scroll-inner,
				.jw-container .jw-wrapper-scroll .jw-wrapper-scroll-banner {
					float: none;
					width: 70%;
					margin: 0 auto;
					margin-top: 20px;
				}
				.jw-container .jw-wrapper-group .jw-wrapper-all-group {
					width: 70%;
					margin: 0 auto;
				}
				/*.jw-container .jw-wrapper-group .jw-wrapper-all-group img{
						  	width: 80%;
						  	height: 80%;
						  }*/
				.jw-container .jw-wrapper-group .jw-wrapper-all-group ul {
					margin-left: -67.322581px;
				}
				.jw-container .jw-wrapper-group .Tab-bar {
					width: 70%;
					margin: 0 auto;
				}
				.jw-container .jw-love .jw-love-content .jw-love-content-list {
					padding: 0;
					margin: 0;
				}
				.jw-container .jw-love {
					background: #F1F1F1;
				}
				/*.jw-love-content{
						 	
						 	background-image: url(Image/love-bg.jpg);
						 	background-position: 100%;
						 }*/
				.jw-container .jw-users .jw-users-gruop-item p {
					margin-left: 30%;
				}
				.jw-container .jw-users .jw-users-gruop-item {
					width: 27.571429%;
				}
				.jw-container .jw-users .jw-users-gruop-item h3 {
					line-height: 16px;
				}
				.jw-container .jw-feature .jw-feature-inner .jw-feature-gruop-item {
					width: 100%;
					margin: 0 auto;
					padding: 5px 0 5px 0;
				}
				.jw-footer .jw-contenr .jw-footer-nav-group p,
				.jw-footer .jw-contenr .jw-footer-nav-group a {
					line-height: 16px;
				}
				.jw-more-warpper .more-container .jw-more-sidebannr{
					float: none;
					width: 90%;
					margin: 0 auto;
				}
				.jw-more-warpper .more-container .jw-more-warpper-inner{
					width: 90%;
					margin: 0 auto;
					padding: 0;
					float: none;
				}
				.jw-disclaimer,.jw-privacy,.jw-Map,.message-connection,.friendship{
					float: none;
					width: 100%;
					border: none;
				}
			}
		</style>
	</head>

	<body>
		<!--头部-->
		<header class="jw-header">
			<nav class="jw-header-nav clearfix">
				<div class="jw-web-nav-inner" style="opacity: 1;">
					<ul class="clearfix">
						<li class="subnav-inner" onclick="websubnav()"><i class="fa fa-bars" id="fa-bars" style="line-height: 40px;"></i> <i class="fa fa-times" id="fa-times" onclick=" websubnavhidn() " style="display: none; line-height: 40px;"></i></li>
						<li class="subnav-inner"><i class="fa fa-jwlogo"><img src="Image/download.png" width="100%" height="100%"/></i></li>
						<li class="subnav-inner"><i class="fa fa-user"></i></li>
						<div class="web-subnav-inner" id="web-subnav-inner">
							<p>
								<a href="#">文章</a>
							</p>
							<p>
								<a href="#">欣赏</a>
							</p>
							<p>
								<a href="#">素材</a>
							</p>
							<p>
								<a href="#">兑换</a>
							</p>
							<p>
								<a href="#">活动</a>
							</p>
							<p>
								<a href="#">唯然</a>
							</p>
							<p>
								<a href="#">更多</a>
							</p>
						</div>
					</ul>
				</div>
				<div class="jw-header-nav-logo">
					<a href="index.html" class="jw-logo">

					</a>
				</div>
				<div class="jw-header-nav-inner">
					<ul class="clearfix">
						<li class="nav-inner nav-article clearfix">
							<a href="jw-article.html" class="nav-menu">文章</a>
						</li>
						<li class="nav-inner">
							<a href="jw-enjoy.html" class="nav-menu">欣赏</a>
						</li>
						<li class="nav-inner">
							<a href="jw-material.html" class="nav-menu">素材</a>
						</li>
						<li class="nav-inner">
							<a href="jw-material.html" class="nav-menu">兑换</a>
						</li>
						<li class="nav-inner">
							<a href="jw-activity.html" class="nav-menu">活动</a>
						</li>
						<li class="nav-inner">
							<a href="jw-wr.html" class="nav-menu">唯然</a>
						</li>
						<li class="nav-inner">
							<a href="jw-more.html" class="nav-menu">更多</a>
						</li>
					</ul>
				</div>
				<div class="jw-header-nav-seach">
					<ul class="clearfix">
						<li class="jw-nav-inner-toggle">

							<div class="jw-login" onclick="login()">
								登录
							</div>

							<div class="jw-registered" onclick="registereds()">
								注册
							</div>

						</li>
						<li class="jw-nav-inner-search">
							<a href=""><i class="fa fa-search"></i></a>
						</li>
					</ul>
				</div>

			</nav>
		</header>
		<!--登陆-->
		<section class="jw-login-wrapper" id="jw-login-wrapper">
			<div class="colse-login" id="colse-login" onclick="hiddlogins()">
				<p>x</p>
			</div>
			<div class="jw-login-body">
				<div class="jw-login-hearder">
					<p id="toggetregistered" >切换注册</p>
				</div>
				<div class="jw-login-container">
					<p>登录</p>
					<form action="#" method="post">

						<div class="">
							<input type="text" id="" value="" placeholder="请输入用户名或邮箱" />
						</div>

						<div class="">
							<input type="password" id="" value="" placeholder="请输入密码" />
						</div>
						<div class="">
							<input type="submit" id="" name="" value="登录" />
						</div>

					</form>
				</div>
				<div class="jw-login-footer">
					<p>您也可以使用第三方帐号快捷注册</p>
					<button>QQ一键登录</button>
				</div>
			</div>

		</section>
		<!--登陆 end-->
		<!--注册-->
		<section class="jw-registered-wrapper" id="jwRegisteredInner">
			<div class="colse-registered" id="colse-registered">
				<p onclick="hiddregistereds()">x</p>
			</div>
			<div class="jw-registered-body">
				<div class="jw-registered-hearder">
					<p id="toggetlogin" onclick="toggetlogins()">切换登陆</p>
				</div>
				<div class="jw-registered-container">
					<p>注册</p>
					<form action="#" method="post">
						<div id="">
							<input type="text" name="" id="" value="" placeholder="请输入英文用户名" />
						</div>
						<div class="">
							<input type="text" id="" value="" placeholder="请输入常用邮箱" />
						</div>
						<div class="">
							<input type="password" id="" value="" placeholder="密码最小长度为6" />
						</div>
						<div class="">
							<input type="password" id="" value="" placeholder="请再次输入密码" />
						</div>
						<div class="">
							<input type="submit" id="" name="" value="注册" />
						</div>

					</form>
				</div>
				<div class="jw-registered-footer">
					<p>您也可以使用第三方帐号快捷注册</p>
					<button>QQ一键登录</button>
				</div>
			</div>

		</section>
		<!--返回顶部-->
		<section class="jw-backtop" id="jw-backtop" onclick="returntop()">
			<a>
				<i class="fa fa-angle-up"></i>
			</a>
		</section>
		<!--返回顶部-->

		<!--关于觉唯-->
		<section class="jw-more-warpper">
			<div class="more-container clearfix">
				<div >
				<section class="jw-more-warpper-inner">
					<header>
						<h2>关于觉唯</h2></header>
					<article class="more-warpper-article">
						<p class="article-inner">
							<a href="#">《觉唯》</a>：推崇以用户为中心的设计理念，致力于为设计爱好者提供一个良好的学习交流平台。</p>
						<p>拥有国内外最新的设计潮流趋势、独特而美的创意、新颖而前卫思维意识、极致酷炫的人机交互体验，更有严谨而通俗的技术教程！将成为设计者不可或缺的好帮手。</p>
						<p>
							<a href="">《唯然 – 灵感》</a>：是觉唯旗下的图片分享社区，旨在寻找设计灵感，以记录美丽、分享美好的创意理念，分享高品质创意、艺术、设计、时尚、插画、摄影、唯美类精美图片。</p>
						<p>觉唯感谢朋友们的支持与关注，觉唯有你而精彩，我们愿与你一起成长，一起变得更加优秀！</p>
						<div class="" style="text-align: center;">
							<img src="Image/0523172846b3931b9959c92.jpg" width="100%" height="100%"/>
						</div>
					</article>
				</section>
				<!--M免责生明-->
				<section class="jw-disclaimer" style="display: none;">
					<header>
						<h2>免责生明</h2></header>
					<article class="more-warpper-article">
						<p class="article-inner">1、觉唯(下文简称本站)提供的所有内容仅供学习、交流和分享用途，只供参考。本站资源禁止并谢绝未经本站许可的使用，如若欲转载，请署名以及注明出处，请务必以文字链接的形式标明或保留文章原始出处和作者的信息。本站(原创)文章、资源、图片等所有内容，一经转载，即表示您已经接受上述声明！需自行承担一切风险与责任；</p>
						<p>2、关于本站的所有留言评论与转载、引用文纯属文字原作者个人观点，与本站观点及立场无关；浏览者在本站发表信息时需要遵守中国现行相应法律，不得发布违法信息；</p>
						<p>3、在本站的网页上有时候可能会出现有为浏览者提供方便的第三方链接(包括链接引用)或广告出现，链接或广告内容并不代表本站观点，若点击即可能将离开本站进入第三方站点，而本站将不为第三方站点带来的任何风险负责；</p>
						<p>4、关于转载内容，本站中有一部分来源于网络和媒体的内容(文章、源码、资源附件等)将通过好文转载、出于个人整理收藏，会员分享，信息普及目的或引用点评的形式在原作者默许(未注明、放弃、佚名、部分保留版权等)或注明允许通过相关网络版权协议的情况下进行转载或引用点评，并都会在文章注明出处或作者及相关信息、链接；因有些转文内容来自搜索引擎，出处可能有很多，本站不便确定查证，可能会将这类文章转载来源归类于来源于网络，并尽可能的标出参考来源、出处，本站尊重原作者的成果，若本站内容侵犯了您的合法权益时或者对转载内容有疑义的内容原作者，请书面反馈并提供确切的个人身份证明与详细资料信息在第一时间以邮件（或电联）的形式进行联系沟通；</p>
						<p>5、本站不完全保证所有内容的完整性、准确性和及时性；本站的浏览如果出现由于Internet线路、恶意群发、黑客入侵或其他不可抗力等原因直接给您造成了麻烦，本站对您或任何第三方均不承担任何责任。</p>
						<p>6、用户会员在本站发表、分享的内容，仅表明其个人的立场和观点，并不代表本站的立场和观点。作为内容的发表或分享者，需自行对所发表或分享的内容负责，因所发表或分享的内容引发的一切纠纷、损失，由该内容的发表或分享者承担全部直接或间接（连带）法律责任，本站不承担任何法律责任。本站用户会员以各种方式使用服务和数据（包括但不限于发表、分享、转载、浏览）的过程中，不得以任何方式利用本站直接或间接从事违反中国法律法规、以及社会公德的行为，且用户会员应当恪守下述承诺：</p>
						<p>
							<ul class="disclaimer-list">
								<li>发布或分享提供的内容符合中国法律法规、社会公德；</li>
								<li>发布或分享提供的内容不得侵害正当权利人之权利；</li>
								<li>发布或分享提供的内容不得侵害正当权利人之权利；</li>
								<li>遵守觉唯网以及与之相关的网络服务的协议、指导原则、管理细则等。</li>
							</ul>
						</p>
						<p>本站有权对违反上述承诺的内容予以删除。</p>
					</article>
				</section>
				<!--M免责生明 end-->
				<!--关于隐私-->
				<section class="jw-privacy" style="display: none;">
					<header>
						<h2>关于隐私</h2></header>
					<article class="more-warpper-article">
						<p class="article-inner">1、当您在觉唯网（以下简称本站）进行注册登录、第三方绑定帐号、购买商品、发布评论时，在您的同意以及告知的前提下，我们将会保存相关的个人资料数据（如：电子邮箱、Cookie信息、第三方网站授权信息、支付授权信息以及IP地址等等）到本站；您在本站所提供的信息都是基于自愿原则，您在任何时候都可以拒绝提供这些信息。</p>

						<p>2、在未经访问者授权下，本站绝对不会将访问者的任何隐私信息透露、展示给第三方。以下情况除外：</p>
						<p>
							<ul class="disclaimer-list">
								<li>根据国家执法单位要求、命令向相关单位提供相关个人资料；</li>
								<li>由于访问者的个人原因导致密码泄漏或告知他人共享注册帐号时，由此导致的个人资料泄漏；</li>
								<li>由于黑客攻击、计算机病毒侵入或发作、因政府管制而造成的暂时性关闭等影响网络正常经营之不可抗力而造成的个人资料泄露、丢失、被盗用或被窜改等；</li>

							</ul>
						</p>

					</article>
				</section>

				<!--关于隐私END-->
				<!--<网站地图>-->
				<section class="jw-Map" style="display:  none;">
					<header>
						<h2>网站地图</h2></header>
					<ul class="jw-Map-inner">
						<li>
							<a href="">用户体验</a>
							<ul class="clearfix">
								<li>
									<a href="">交互设计</a>
								</li>
								<li>
									<a href="">前端开发</a>
								</li>
								<li>
									<a href="">用户研究</a>
								</li>
								<li>
									<a href="">视觉设计</a>
								</li>

							</ul>
						</li>
						<li>
							<a href="">素材下载</a>
							<ul class="clearfix">
								<li>
									<a href="">3D素材</a>
								</li>
								<li>
									<a href="">前端开发</a>
								</li>
								<li>
									<a href="">用户研究</a>
								</li>
								<li>
									<a href="">视觉设计</a>
								</li>

							</ul>
						</li>
						<li>
							<a href="">设计欣赏</a>
							<ul class="clearfix">
								<li>
									<a href="">交互设计</a>
								</li>
								<li>
									<a href="">前端开发</a>
								</li>
								<li>
									<a href="">用户研究</a>
								</li>
								<li>
									<a href="">视觉设计</a>
								</li>

							</ul>
						</li>
						<li>
							<a href="">商店</a>
							<ul class="clearfix">
								<li>
									<a href="">交互设计</a>
								</li>
								<li>
									<a href="">前端开发</a>
								</li>
								<li>
									<a href="">用户研究</a>
								</li>
								<li>
									<a href="">视觉设计</a>
								</li>

							</ul>
						</li>
						<li>
							<a href="">专题活动</a>
							<ul class="clearfix">
								<li>
									<a href="">交互设计</a>
								</li>
								<li>
									<a href="">前端开发</a>
								</li>
								<li>
									<a href="">用户研究</a>
								</li>
								<li>
									<a href="">视觉设计</a>
								</li>

							</ul>
						</li>
						<li>
							<a href="">唯然</a>
							<ul class="clearfix">
								<li>
									<a href="">交互设计</a>
								</li>
								<li>
									<a href="">前端开发</a>
								</li>
								<li>
									<a href="">用户研究</a>
								</li>
								<li>
									<a href="">视觉设计</a>
								</li>

							</ul>
						</li>
						<li>
							<a href="">标签</a>
							<ul class="clearfix">
								<li>
									<a href="">交互设计</a>
								</li>
								<li>
									<a href="">前端开发</a>
								</li>
								<li>
									<a href="">用户研究</a>
								</li>
								<li>
									<a href="">视觉设计</a>
								</li>

							</ul>
						</li>
					</ul>
				</section>
				<!--<网站地图>-->
				<!--留言联系-->
				<section class="message-connection" style="display: none;">
					<header>
						<h2>留言联系</h2></header>
					<div class="">
						<strong>建议反馈</strong>
						<p>邮箱：javin@jiawin.com</p>
						<p>格式：【建议咨询】xxxxx（标题）xxxxx</p>
					</div>
					<div class="">
						<strong>广告合作</strong>
						<p>邮箱：javin@jiawin.com</p>
						<p>格式：【建议咨询】xxxxx（标题）xxxxx</p>
					</div>
					<div class="">
						<strong>WordPress服务（暂不支持）</strong>
						<p>邮箱：javin@jiawin.com</p>
						<p>格式：【建议咨询】xxxxx（标题）xxxxx</p>
					</div>
					<p class="goin-wore">登录之后才能评论，请点击
						<a href="" style="color: #00C3B6;">登录</a>。</p>
					<div class="comment-inner">
						<ul>
							<li>
								<a href="">全部评论 / 212</a>
							</li>
							<li>
								<div class="author">
									<img src="Image/4e046c2c74872f17fdb11730f8fd083e.jpeg" />
								</div>
								<div class="problem">
									<p>这个用的是wordpress吗？</p>
									<p><span>songxtianx</span><time> 4天前</time>
										<a href="" class="reply-more">登录已回复</a>
									</p>
								</div>
								<span class="unmber">20</span>
							</li>

							<li>
								<div class="author">
									<img src="Image/10s0.png" />
								</div>
								<div class="problem">
									<p>美食</p>
									<p><span>青忆</span> <time>2012-10-19</time>
										<a href="" class="reply-more">登录已回复</a>
									</p>
								</div>
								<span class="unmber">46</span>
								<ol class="reply">
									<li>
										<div class="author">
											<img src="Image/10s0.png" />
										</div>
										<div class="problem">
											<p><img src="Image/icon_biggrin.gif" /></p>
											<p><span>青忆</span> <time>2012-10-19</time>
												<a href="" class="reply-more">登录已回复</a>
											</p>
										</div>
									</li>
									<li>
										<div class="author">
											<img src="Image/10s0.png" />
										</div>
										<div class="problem">
											<p><img src="Image/icon_exclaim.gif" /></p>
											<p><span>青忆</span> <time>2012-10-19</time>
												<a href="" class="reply-more">登录已回复</a>
											</p>
										</div>
									</li>
								</ol>
							</li>
							<li>
								<div class="author">
									<img src="Image/10s0.png" />
								</div>
								<div class="problem">
									<p>我路过</p>
									<p><span>青忆 </span> <time>2012-10-19</time>
										<a href="" class="reply-more">登录已回复</a>
									</p>
								</div>
								<span class="unmber">15</span>
							</li>
						</ul>
					</div>
					<div class="Tab-bar">
						<ul class="clearfix">
							<li class="pager-active">1</li>
							<li>2</li>
							<li class="pager-ellipsis">...</li>
							<li>20</li>
							<li>></li>
							<li>共20页</li>
							<li class="jw-input"><input type="text" id="" value="" /></li>
							<li class="jw-input-btn">GO</li>

						</ul>
					</div>
				</section>
				<!--留言联系-->
				<section class="friendship" style="display: none;">
		
	
					<header>
						<h2>有情链接</h2></header>
					<ul>
						<li>
							<p>链接要求：<strong>行业相关性网站优先考虑，有良好的用户体验和口碑</strong></p>
							<p>链接申请：<strong>javin@jiawin.com，申请时注明【友链】</strong> </p>
						</li>
						<li class="icon-moer clearfix">
							<a href=""><img src="jw-icon/favicon.ico" /> wordpress 主题</a>
							<a href=""><img src="jw-icon/favicon.ico" /> wordpress 主题</a>
							<a href=""><img src="jw-icon/favicon.ico" /> wordpress 主题</a>
							<a href=""><img src="jw-icon/favicon.ico" /> wordpress 主题</a>
							<a href=""><img src="jw-icon/favicon.ico" /> wordpress 主题</a>
							<a href=""><img src="jw-icon/favicon.ico" /> wordpress 主题</a>
							<a href=""><img src="jw-icon/favicon.ico" /> wordpress 主题</a>
							<a href=""><img src="jw-icon/favicon.ico" /> wordpress 主题</a>
							<a href=""><img src="jw-icon/favicon.ico" /> wordpress 主题</a>
							<a href=""><img src="jw-icon/favicon.ico" /> wordpress 主题</a>
							<a href=""><img src="jw-icon/favicon.ico" /> wordpress 主题</a>
						</li>
					</ul>
				<p>登录之后才能评论，请点击<a href="#">登录</a> 。</p>
				<div class="friendship-reply">
					<ul>
						<li>
							<div class="author">
									<img src="Image/4e046c2c74872f17fdb11730f8fd083e.jpeg" />
								</div>
								<div class="problem">
									<p>这个用的是wordpress吗？</p>
									<p>http://www.bidishi.com</p>
									<p><span>songxtianx</span><time> 4天前</time>
										<a href="" class="reply-more">登录已回复</a>
									</p>
								</div>
								<span class="unmber">20</span>
						</li>
						<li>
							<div class="author">
									<img src="Image/4e046c2c74872f17fdb11730f8fd083e.jpeg" />
								</div>
								<div class="problem">
									<p>这个用的是wordpress吗？</p>
									<p>http://www.bidishi.com</p>
									<p><span>songxtianx</span><time> 4天前</time>
										<a href="" class="reply-more">登录已回复</a>
									</p>
								</div>
								<span class="unmber">20</span>
						</li>
						<li>
							<div class="author">
									<img src="Image/4e046c2c74872f17fdb11730f8fd083e.jpeg" />
								</div>
								<div class="problem">
									<p>这个用的是wordpress吗？</p>
									<p>http://www.bidishi.com</p>
									<p><span>songxtianx</span><time> 4天前</time>
										<a href="" class="reply-more">登录已回复</a>
									</p>
								</div>
								<span class="unmber">20</span>
						</li>
						<li>
							<div class="author">
									<img src="Image/4e046c2c74872f17fdb11730f8fd083e.jpeg" />
								</div>
								<div class="problem">
									<p>这个用的是wordpress吗？</p>
									<p>http://www.bidishi.com</p>
									<p><span>songxtianx</span><time> 4天前</time>
										<a href="" class="reply-more">登录已回复</a>
									</p>
								</div>
								<span class="unmber">20</span>
						</li>
						<li>
							<div class="author">
									<img src="Image/4e046c2c74872f17fdb11730f8fd083e.jpeg" />
								</div>
								<div class="problem">
									<p>这个用的是wordpress吗？</p>
									<p>http://www.bidishi.com</p>
									<p><span>songxtianx</span><time> 4天前</time>
										<a href="" class="reply-more">登录已回复</a>
									</p>
								</div>
								<span class="unmber">20</span>
						</li>
						<li>
							<div class="author">
									<img src="Image/4e046c2c74872f17fdb11730f8fd083e.jpeg" />
								</div>
								<div class="problem">
									<p>这个用的是wordpress吗？</p>
									<p>http://www.bidishi.com</p>
									<p><span>songxtianx</span><time> 4天前</time>
										<a href="" class="reply-more">登录已回复</a>
									</p>
								</div>
								<span class="unmber">20</span>
						</li>
						<li>
							<div class="author">
									<img src="Image/4e046c2c74872f17fdb11730f8fd083e.jpeg" />
								</div>
								<div class="problem">
									<p>这个用的是wordpress吗？</p>
									<p>http://www.bidishi.com</p>
									<p><span>songxtianx</span><time> 4天前</time>
										<a href="" class="reply-more">登录已回复</a>
									</p>
								</div>
								<span class="unmber">20</span>
						</li>
						<li>
							<div class="author">
									<img src="Image/4e046c2c74872f17fdb11730f8fd083e.jpeg" />
								</div>
								<div class="problem">
									<p>这个用的是wordpress吗？</p>
									<p>http://www.bidishi.com</p>
									<p><span>songxtianx</span><time> 4天前</time>
										<a href="" class="reply-more">登录已回复</a>
									</p>
								</div>
								<span class="unmber">20</span>
						</li>
				
					</ul>
				
			
				</section>
				</div>
			<aside class="jw-more-sidebannr">
					<ul>
						<li  class="jw-list jw-about">
							<a href="" class="jw-list-inner">关于觉唯</a>
						</li>
						<li class="jw-list jw-about1">
							<a href="" class="jw-list-inner">免责声明</a>
						</li>
						<li class="jw-list jw-about2">
							<a href="" class="jw-list-inner">关于隐私</a>
						</li>
						<li class="jw-list jw-about3">
							<a href="" class="jw-list-inner">网站地图</a>
						</li>
						<li class="jw-list jw-about4">
							<a href="" class="jw-list-inner">留言联系</a>
						</li>
						<li class="jw-list jw-about5">
							<a href="" class="jw-list-inner">友情链接</a>
						</li>
					</ul>
				</aside>
		
				</div>
			
		</section>
		<!--关于觉唯END-->

		<!--底部-->
		<footer class="jw-footer clearfix">
			<div class="jw-contenr">
				<nav class="jw-footer-nav clearfix">
					<aside class="jw-footer-nav-group">
						<h3 class="jw-footer-nav-group-title jw-title">觉唯</h3>
						<p class="describe-text">以用户为中心的设计理念，专注于用户体验设计，拥有国内外最新的设计潮流趋势、独特而美的创意视觉、新颖而灵敏的思维意识、极致而生动的交互体验，更有严谨而通俗的技术教程！</p>
						<p class="describe-text">唯然是觉唯网的图片分享社区，以记录美丽、分享美好的创意理念，分享高品质创意、艺术、设计、时尚、插画、摄影、唯美类精美图片。</p>
					</aside>
					<aside class="jw-footer-nav-group">
						<h3 class="jw-footer-nav-group-title">关于</h3>
						<div class="jw-footer-nav-group-menu">
							<ul class="menu">
								<li>
									<a href="">关于觉唯</a>
								</li>
								<li>
									<a href="">留言联系</a>
								</li>
								<li>
									<a href="">友情链接</a>
								</li>
								<li>
									<a href="">免责声明</a>
								</li>
								<li>
									<a href="">网站地图</a>
								</li>
							</ul>
						</div>
					</aside>
					<aside class="jw-footer-nav-group">
						<h3 class="jw-footer-nav-group-title">栏目</h3>
						<div class="jw-footer-nav-group-menu">
							<ul class="menu">
								<li>
									<a href="">关于觉唯</a>
								</li>
								<li>
									<a href="">留言联系</a>
								</li>
								<li>
									<a href="">友情链接</a>
								</li>
								<li>
									<a href="">免责声明</a>
								</li>
								<li>
									<a href="">网站地图</a>
								</li>
							</ul>
						</div>
					</aside>
					<aside class="jw-footer-nav-group">
						<h3 class="jw-footer-nav-group-title">友链</h3>
						<div class="jw-footer-nav-group-menu">
							<ul class="menu">
								<li>
									<a href="">前端观察</a>
								</li>
								<li>
									<a href="">免责声明</a>
								</li>
								<li>
									<a href="">网站地图</a>
								</li>
							</ul>
						</div>
					</aside>
					<aside class="jw-footer-nav-group">
						<h3 class="jw-footer-nav-group-title">关注</h3>
						<ul>
							<li>Email:
								<a href="">javin@jiawin.com</a>
							</li>
							<li class="jw-social-email">
								<form action="" method="post">
									<input type="hidden" name="t" value="qf_booked_feedback">
									<input type="hidden" name="id" value="631d10588b9c4960800e97a7cb76cbe6640b25450ebdc87f">
									<div class="jw-social-email">
										<input class="jw-email" id="to" name="to" type="email" placeholder="请输入您的邮箱" required="">
										<input class="jw-submit" type="submit" value="订阅">
									</div>
								</form>
							</li>
							<li class="jw-social-icon clearfix">
								<a class="jw-social-sina" href=""><i class="fa fa-weibo"></i><span class="jw-text-replace"></span></a>
								<a class="jw-social-qqwb" href=""><i class="fa fa-tencent-weibo"></i><span class="jw-text-replace"></span></a>
								<a class="jw-social-qq" href=""><i class="fa fa-qq"></i><span class="jw-text-replace"></span></a>
								<a class="jw-social-rss" href=""><i class="fa fa-rss"></i><span class="jw-text-replace"></span></a>
								<a class="jw-social-weixin" href="" class="jw-social-weixin"><i class="fa fa-weixin"></i><span class="jw-text-replace"></span></a>
							</li>
						</ul>
					</aside>
				</nav>
			</div>

			<section class="jw-company clearfix">
				<div class="jw-company-wrapper">

					<p class="jw-company-contenr">Copyright © 2012-2016 觉唯设计 Theme by Javin zhong All All Rights Reserved. 粤ICP备12073831号-1</p>
				</div>
			</section>
		</footer>
		<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
		<script src="js/jquery.rotate.min.js"></script>
		<script type="text/javascript" src="js/common.js"></script>
		<script src="js/jw-moer.js">
			
		</script>
	</body>

</html>